﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="">
<title>便民医疗服务</title>
	<!-- Bootstrap CSS -->
	<link href="../assets/css/bootstrap.min.css" rel="stylesheet">
	<!-- Font Awesome CSS -->
	<link href="../assets/css/font-awesome.min.css" rel="stylesheet">
	<!-- FlatIcons CSS -->
	<link href="../assets/css/flaticon.css" rel="stylesheet">
	<!-- Camera Slider CSS -->
	<link href="../assets/js/plugins/camera/css/camera.css" rel="stylesheet">
	<!-- Magnific Popup CSS -->
	<link href="../assets/js/plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
    <!-- Animate CSS -->
    <link rel="stylesheet" href="../assets/css/animate.css">
	<!-- Main CSS -->
	<link href="../assets/css/style.css" rel="stylesheet">
	<!-- Responsive CSS -->
	<link href="../assets/css/responsive.css" rel="stylesheet">
	<!-- Favicon File -->
	
	<!-- Google Web Fonts -->
	<link href="https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,300italic,400italic,500,500italic,700,700italic,900,900italic" rel="stylesheet" type="text/css">
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]><script src="assets/js/html5shiv.min.js"></script><script src="assets/js/respond.min.js"></script><![endif]-->
</head>
<body>

     

	<!-- Start Page Preloader -->
	<div id="loading">
		<div id="loading-center">
			<div id="loading-center-absolute">
				<div class="object" id="object_four"></div>
				<div class="object" id="object_three"></div>
				<div class="object" id="object_two"></div>
				<div class="object" id="object_one"></div>
			</div>
		</div>
	</div>
	<!-- End Page Preloader -->
	<!-- Start Header Area -->
	<header class="main-header">
		<div class="container container-relative">
			<!-- Start TopBar Area -->
			<div class="top-bar hidden-sm hidden-xs">
				<div class="row">
					<div class="col-sm-9 col-xs-12">
						<span class="top-info"><i class="fa fa-phone"></i></span>+1 888 888 8888
						<span class="top-info"><i class="fa fa-envelope-o"></i></span>info@yoursite.com
						<span class="top-info"><i class="fa fa-map-marker"></i></span>221B Baker Street, London, UK
						<span class="top-info"><i class="fa fa-calendar"></i></span>周一 ~ 周日 9:00 - 20:00
					</div>
					<div class="col-sm-3 col-xs-12">
						<ul class="list-unstyled list-inline">
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-instagram"></i></a></li>
							<li><a href="#"><i class="fa fa-vimeo"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- End TopBar Area -->
			<!-- Start NavBar Area -->
			<nav id="nav" class="navbar navbar-default navbar-static-top affix-top">
				<div class="container">
					<div class="navbar-header">
						<!-- Start Collapse Button -->
						<!-- End Collapse Button -->
						<!-- Start Website Logo -->
						<a href="index.html" class="navbar-brand">
							<img src="../assets/images/logo.png" class="logo" alt="Logo"> Medical <span>Service</span>
						</a>
						<!-- End Website Logo -->
					</div>
					<!-- Start Menu Area -->
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav navbar-right">
							<li class="active"><a href="index.html">首页</a></li>
							<li><a href="about.html">关于我们</a></li>
						
									<li><a href="doctors.html">医生</a></li>
							
							
									<li><a href="departments.html">科室部门</a></li>
							
							
							
							
							<li><a href="contact.html">联系</a></li>
						</ul>
					</div>
					<!-- Start Menu Area -->
				</div>
			</nav>
			<!-- End NavBar Area -->
		</div>
	</header>
	<!-- End Header Area -->
	<div class="main-banner seven">
		<div class="container">
			<h2><span>预约</span></h2>
		</div>
	</div>
	<!-- End Page Banner Area -->
	<!-- Start Breadcrumb Area -->
	<div class="breadcrumb">
		<div class="container">
			<ul class="list-unstyled list-inline">
				<li><a href="index.html">首頁</a></li>
				<li class="active">预约</li>
			</ul>
		</div>
	</div>
	<!-- End Breadcrumb Area -->
	<!-- Start Main Container Area -->
	<div class="container main-container">
		<div class="row">
			<!-- Start Content Area -->
			<div class="col-md-7 col-sm-12 col-xs-12">
				<!-- Start Apointment Form -->
				<div class="comment-form">
					<h4 class="main-heading2"><i class="fa fa-pencil-square-o"></i> Make an Appointment</h4>
					<form method="post" action="#">
						<div class="row">
							<div class="col-md-6 col-xs-12">
								<div class="form-group">
									<input type="text" class="form-control no-border-radius" placeholder="Full Name *" required>
								</div>
							</div>
							<div class="col-md-6 col-xs-12">
								<div class="form-group">
									<input type="text" class="form-control no-border-radius" placeholder="Email Address *" required>
								</div>
							</div>
							<div class="col-md-6 col-xs-12">
								<div class="form-group">
									<input type="text" class="form-control no-border-radius" placeholder="Full Name *" required>
								</div>
							</div>
							<div class="col-md-6 col-xs-12">
								<div class="form-group">
									<input type="text" class="form-control no-border-radius" placeholder="Email Address *" required>
								</div>
							</div>
							<div class="col-xs-12">
								<div class="form-group">
									<textarea class="form-control no-border-radius" rows="5" placeholder="Message"></textarea>
								</div>
							</div>
							<div class="col-xs-12">
								<input type="submit" class="btn btn-secondary text-uppercase" value="Submit Now">
							</div>
						</div>
					</form>
				</div>
				<!-- End Apointment Form -->
			</div>
			<!-- End Content Area -->
			<!-- Start Appointment Image Area -->
			<div class="col-md-5 col-xs-12 hidden-sm hidden-xs">
				<div class="appointment-box">
				<div class="box-img">
					<img src="../assets/images/appointment.png" alt="Book your Appointment">
				</div>
				</div>
			</div>
			<!-- End Appointment Image Area -->
		</div>
	</div>
	<section class="about-featured parallax">
		<div class="container">
			<ul class="list-unstyled list row">
				<!-- Start List #4 -->
				<li class="col-md-4 col-sm-6 col-xs-12 wow fadeInDown" data-wow-duration="1s" data-wow-delay=".5s">
					<i class="fa fa-calendar"></i>
					<h4>配药</h4>
					<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a for ...</p>
				</li>
				<!-- End List #4 -->
				<!-- Start List #2 -->
				<li class="col-md-4 col-sm-6 col-xs-12 wow fadeInDown" data-wow-duration="1s" data-wow-delay="1s">
					<i class="fa fa-heartbeat"></i>
					<h4>充满激情的医生和护士</h4>
					<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a for ...</p>
				</li>
				<!-- End List #2 -->
				<!-- Start List #6 -->
				<li class="col-md-4 col-sm-6 col-xs-12 wow fadeInDown" data-wow-duration="1s" data-wow-delay="1.5s">
					<i class="fa fa-medkit"></i>
					<h4>医疗保健专业人员</h4>
					<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a for ...</p>
				</li>
				<!-- Start List #6 -->
			</ul>
		</div>
	</section>
	<!-- End Main Container Area -->
<!-- Start Footer Area -->
	<footer class="main-footer">
		<div class="footer-area">
			<div class="container">
				<div class="row">
					<!-- Start Information Area -->
					<div class="col-md-3 col-sm-4 col-xs-6">
						<h4>相关信息</h4>
						<ul class="list-unstyled address-list">
							<li class="clearfix">
								<i class="fa fa-phone"></i>
								+1 888 888 8888
							</li>
							<li class="clearfix">
								<i class="fa fa-envelope-o"></i>
								info@yoursite.com
							</li>
							<li class="clearfix address">
								<i class="fa fa-map-marker"></i>
								221B Baker Street, London, UK
							</li>
							<li class="clearfix">
								<i class="fa fa-calendar"></i>
								周一 ~ 周日   9:00 - 20:00
							</li>
						</ul>
					</div>
					<!-- End Information Area -->
					
					
					
				</div>
			</div>
		</div>
		<!-- Start Copyright Area -->
		<div class="copyright">
			<div class="container clearfix">
				<p class="pull-left">
					&copy; 2018 <span>MedicalService</span>
				</p>
				<ul class="list-unstyled list-inline pull-right">
					<li><a href="#">关于我们</a></li>
					<li><a href="contact.html">欢迎联系</a></li>
				</ul>
			</div>
		</div>
		<!-- End Copyright Area -->
	</footer>
	<!-- End Footer Area -->
	<!-- Start Back To Top Button -->
	<div id="back-to-top">
		<a href="#"><i class="fa fa-arrow-up"></i></a>
	</div>
	<!-- End Back To Top Button -->
    <!-- JQuery JS -->
    <script src="../assets/js/jquery.min.js"></script>
    <!-- JQuery Migrate JS -->
    <script src="../assets/js/jquery-migrate.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="../assets/js/bootstrap.min.js"></script>
    <!-- Slider JS Files -->
    <script src="../assets/js/plugins/camera/js/jquery.mobile.customized.min.js"></script>
    <script src="../assets/js/plugins/camera/js/jquery.easing.js"></script>
    <script src="../assets/js/plugins/camera/js/camera.min.js"></script>
    <!-- Modernizr JS -->
    <script src="../assets/js/plugins/shuffle/jquery.shuffle.modernizr.min.js"></script>
    <!-- Popup JS -->
    <script src="../assets/js/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
    <!-- Wow JS -->
    <script src="../assets/js/wow.min.js"></script>
    <!-- Main JS -->
    <script src="../assets/js/main.js"></script>
</body>
</html>
